import {Component} from 'react'
import ActivityCard from 'components/activity-card'
import {Row,Col} from 'antd'
import { inject, observer } from 'mobx-react'
/**
 * 活动详情卡组（由很多活动详情卡组成）
 * 页面：活动列表
 * 时间：20220401
 */
@inject("activityStore")
@observer
class ActivityCardGrid extends Component{
    constructor(props){
        super(props)
        const {activityStore} = props
        activityStore.apiActivityAll()
    }
    render(){
        const {activityStore} = this.props
        return (
            <Row >
            
            {activityStore.activityAll.map(item=>{
                const activityDetail = item
                
                const store = { activityDetail:activityDetail }
                return <Col span={8} style={{marginBottom:"30px"}} key={item.key}><ActivityCard store={store}/></Col>
        
            })}
            </Row>
           )
    }

}
export default ActivityCardGrid